<div id="content_header">
  <h3>{{ currentRoom.Name }} Editing</h3>
</div>

<div class="row">
  <form name="roomForm" role="form" ng-submit="updateRoom()">

    <div class="form-group">
      <label for="Code">
        Code
      </label>
        <span class="error" ng-show="roomForm.Code.$error.required">Required!</span>
      <input type="text" name="Code" class="form-control" id="Code" placeholder="Input field" ng-model="currentRoom.Code" required>
    </div>

    <div class="form-group">
      <label for="Name">
        Name
      </label>
        <span class="error" ng-show="roomForm.Name.$error.required">Required!</span>
      <input type="text" name="Name" class="form-control" id="Name" placeholder="Input field" ng-model="currentRoom.Name" required>
    </div>

    <div class="form-group">
      <label for="Capacity">
        Capacity
      </label>
        <span class="error" ng-show="roomForm.Capacity.$error.required">Required! <small>*must be a number</small></span>
      <input type="number" name="Capacity" class="form-control" id="Capacity" placeholder="Input field" min="1" ng-model="currentRoom.Capacity" required>
    </div>

    <button type="submit" class="btn btn-primary" >Submit</button>
  </form>
</div>